﻿<!DCTYPE html>
<html lang="zh-CN">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="icon" href=""><!--此处插入logo-->
		<title>控制面板</title>
		
		<!-- lib -->
		 <script src="../../lib/jquery.min.js"></script>
		 <!-- Bootstrap core CSS -->
		<link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
		 <!--Bootstrap core script-->
		<script src="../../bootstrap/js/bootstrap.min.js"></script>
		<!-- easydialog.js -->
		<script src="../../lib/easydialog.js"></script>
		<link href="../../lib/easydialog.css" rel="stylesheet">
		<!-- Full calendar -->
		<link href="../../lib/fullcalendar/fullcalendar.css" rel="stylesheet">
		<link href="../../lib/fullcalendar/fullcalendar.print.css" rel="stylesheet">
		<script src="../../lib/fullcalendar/moment.min.js"></script>
		<script src="../../lib/fullcalendar/jquery-ui.custom.min.js"></script>
		<script src="../../lib/fullcalendar/fullcalendar.min.js"></script>	
		<script src='../../lib/fullcalendar/lang-all.js'></script>	

		<!--Custom style-->
		<link href="../../css/login_header.css" rel="stylesheet">
		<link href="../../css/common.css" rel="stylesheet">
		<link href="../../css/dashboard.css" rel="stylesheet">
		<link href="../../css/footer.css" rel="stylesheet">
		<!-- Custom js -->
		 <script src="../../js/common.js"></script>
		<script src="../../js/dashboard.js"></script>
	</head>
	<body>
		<!-- 头部 -->
		<?php include '../common/login_header.html' ?>
		
		<!-- page-wrap中的内容 -->
		<!-- 功能模块 -->
		<div class="page-wrap">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<ul class="nav nav-tabs nav-stacked" role="tablist">
							<li class="active" id="labInf">
								<a href="#">实验室信息</a>
							</li>
							<li id="personalInf">
								<a href="#">个人信息</a>
							</li>
							<li id="accountInf">
								<a href="#">用户信息</a>
							</li>
						</ul>
					</div>
					<div class="col-md-9 right" id="labInf_content">
						<form class="col-md-8 form-horizontal" role="form">
							<fieldset>
								<legend>发布消息</legend>
								<label>选择一个实验室:</label>
								<select>
									<option>1</option>
									<option>2</option>
									<option>3</option>
								</select>
								<textarea class="form-control" rows="5" placeholder="推送你的消息到实验室！"></textarea>
								<div style="float:right;margin-top:20px;width:100px">
									<button class="btn btn-success btn-xs btn-block">推送</button>
								</div>
							</fieldset>
						</form>
						<div class="col-md-4">
							<div class="" id="miniCalendar">
							</div>
							<div class="calendarBtn" style="text-align:right;margin-top:20px;">
								<button onclick="openCalendar()">打开日历</button>
							</div>
						</div>
					</div>
					<div class="col-md-9 right" id="personalInf_content" style="display:none;">
						<form class="form-horizontal col-md-12" id="" method="get" role="form">
							<fieldset>
								<legend>个人信息</legend>
								  <div class="form-group">
									<div class="col-md-2" style="text-align:center;">
										<img src="test.jpg"></img>
									</div>
								  </div>
								<div class="form-group">
									  <label class="col-md-2 control-label">上传头像:</label>
									  <!-- File Upload -->
									  <div class="col-md-6">
										<input class="input-file" id="fileInput" type="file">
									  </div>
								</div>
								<div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">姓名:</label>
									  <div class="col-md-6 controls">
										<input id="name" type="text" placeholder="Name" class="form-control">
									  </div>
								</div>
								<div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">Email:</label>
									  <div class="col-md-6 controls">
										<input id="email" type="text" placeholder="Email" class="form-control" disabled>
									  </div>
								</div>
								<div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">个人主页:</label>
									  <div class="col-md-6 controls">
										<input id="url" type="url" placeholder="URL" class="form-control">
									  </div>
								</div>
								<div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">研究机构:</label>
									  <div class="col-md-6 controls">
										<input id="institution" type="text" placeholder="Institution" class="form-control">
									  </div>
								</div>
								<div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">地址:</label>
									  <div class="col-md-6 controls">
										<input id="location" type="text" placeholder="Location" class="form-control">
									  </div>
								</div>
								 <div class="form-group">
									<div class="col-md-offset-3 col-md-2">
										<button class="btn btn-primary btn-xs btn-block" onclick="">修改</button>
									</div>
									<div class="col-md-offset-1 col-md-2">
										<button class="btn btn-success btn-xs btn-block" onclick="">提交</button>
									</div>
								 </div>
							</fieldset>
						</form>						
					</div>
					<div class="col-md-9 right" id="accountInf_content" style="display:none">
						<form class="form-horizontal col-md-12" id="" role="form">
							<fieldset>
								<legend>用户信息</legend>
								 <div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">原密码:</label>
									  <div class="col-md-6 controls">
										<input id="old_password" type="password" placeholder="" class="form-control">
									  </div>
								</div>
								  <div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">新密码:</label>
									  <div class="col-md-6 controls">
										<input id="new_password" type="password" placeholder="" class="form-control">
									  </div>
								</div>
								  <div class="form-group">
									  <!-- Text input-->
									  <label class="col-md-2 control-label">确认新密码:</label>
									  <div class="col-md-6 controls">
										<input id="" type="password" placeholder="" class="form-control">
									  </div>
								</div>
								 <div class="form-group">
									<div class="col-md-offset-6 col-md-2">
										<button class="btn btn-success btn-xs btn-block">提交</button>
									</div>
								 </div>
							</fieldset>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div id="dialog" class="easyDialog_wrapper" style="display:none;width:700px;height:614px;">
			<div class="easyDialog_content">
				<h4 class="easyDialog_title" id="easyDialogTitle">
				  <a href="javascript:void(0)" title="关闭窗口" class="close_btn" id="closeBtn">&times;</a>
					日历
				</h4> 
				<div id="calendar">
				</div>
			  </div>
		</div>
		<!-- 底部 -->
		<?php include '../common/footer.html' ?>
	</body>
</html>